// 定义模块，复用页面的头部、尾部
define(['jquery'], function($) {

    class LoadHeaderAndFooter {
        constructor() {
            this.loadHeader()
            this.loadFooter()
        }
        loadHeader() {
            $('header').load('/html/header.html', function() {
                $(function($) {
                    $("._phone").on("mouseover", function() {
                        $(".phone").css({ display: "block" }, );

                    })
                    $("._phone").on("mouseout", function() {
                        $(".phone").css({ display: "none" }, );

                    })
                    $(".phone").on("mouseover", function() {
                        $(".phone").css({ display: "block" }, )
                    })
                    $(".phone").on("mouseout", function() {
                        $(".phone").css({ display: "none" }, )
                    })
                    $("._lisen").on("mouseover", function() {
                        $(".lisen").css({ display: "block" }, )
                    })
                    $("._lisen").on("mouseout", function() {
                        $(".lisen").css({ display: "none" }, )
                    })
                    $(".lisen").on("mouseover", function() {
                        $(".lisen").css({ display: "block" }, )
                    })
                    $(".lisen").on("mouseout", function() {
                        $(".lisen").css({ display: "none" }, )
                    })
                    $("._mountings").on("mouseover", function() {
                        $(".mountings").css({ display: "block" }, )
                    })
                    $("._mountings").on("mouseout", function() {
                        $(".mountings").css({ display: "none" }, )
                    })
                    $(".mountings").on("mouseover", function() {
                        $(".mountings").css({ display: "block" }, )
                    })
                    $(".mountings").on("mouseout", function() {
                        $(".mountings").css({ display: "none" }, )
                    })
                    $("._life").on("mouseover", function() {
                        $(".life").css({ display: "block" }, )
                    })
                    $("._life").on("mouseout", function() {
                        $(".life").css({ display: "none" }, )
                    })
                    $(".life").on("mouseover", function() {
                        $(".life").css({ display: "block" }, )
                    })
                    $(".life").on("mouseout", function() {
                        $(".life").css({ display: "none" }, )
                    })
                    $("._downlond").on("mouseover", function() {
                        $(".downlond").css({ display: "block" }, )
                    })
                    $("._downlond").on("mouseout", function() {
                        $(".downlond").css({ display: "none" }, )
                    })
                    $(".downlond").on("mouseover", function() {
                        $(".downlond").css({ display: "block" }, )
                    })
                    $(".downlond").on("mouseout", function() {
                        $(".downlond").css({ display: "none" }, )
                    })
                    $("._use").on("mouseover", function() {
                        $(".use").css({ display: "block", display: "flex" }, )
                    })
                    $("._use").on("mouseout", function() {
                        $(".use").css({ display: "none" }, )
                    })
                    $(".use").on("mouseover", function() {
                        $(".use").css({ display: "block", display: "flex" }, )
                    })
                    $(".use").on("mouseout", function() {
                        $(".use").css({ display: "none" }, )
                    })
                    $("._phone").on("mouseover", function() {})

                })
            })
        }
        loadFooter() {
            $('footer').load('/html/footer.html')
        }
    }
    return new LoadHeaderAndFooter()
})